<template>
  <div class="app">
    <button @click="openDialog">退出按钮</button>
    <!-- 属性.sync  =>  :属性 + @update:属性 -->
    <!-- <BaseDialog :isShow="isShow" @update:isShow="isShow = $event"></BaseDialog> -->
    <BaseDialog :isShow.sync="isShow"></BaseDialog>
  </div>
</template>

<script>
import BaseDialog from './components/BaseDialog.vue'
export default {
  data() {
    return {
      isShow: false,
    }
  },
  components: {
    BaseDialog,
  },
  methods: {
    openDialog() {
      this.isShow = true
    }
  }
}
</script>

<style>
</style>